<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="SyntaxHighlighter.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style5 {color: #0000FF}
-->
</style>
</head>

<body>
<p><img src="saibamais.jpg" width="270" height="50" alt="Saiba Mais" /></p>
<p><strong>Recomenda&ccedil;&atilde;o 3.12 - </strong>Identificar claramente o destino de  cada <em>link</em>, bot&atilde;o ou elemento que <strong> </strong>submeta uma a&ccedil;&atilde;o. Prefira utilizar textos mais claros e  objetivos, mostrando o verdadeiro   sentido e o destino do <em>link</em>. Evite usar frases como &ldquo;Clique  aqui&rdquo;. </p>
<p>O  texto do <em>link</em> deve ser facilmente compreens&iacute;vel e conciso para que  tenha sentido quando for  lido, mesmo  fora do dispositivo padr&atilde;o. Como por exemplo, um leitor de tela. </p>
<div class="caixa">
<p>Exemplo  correto: <br />
    <u><span class="style5">Ganhe um pr&ecirc;mio</span></u> fornecido pelo nosso  patrocinador. </p>
<p>Exemplos  incorretos: <br />
  <u><span class="style5">Ganhe um pr&ecirc;mio fornecido pelo nosso patrocinador</span></u><span class="style5">.<br />
  </span><u><span class="style5">Clique aqui</span></u> para ganhar um pr&ecirc;mio  de nosso patrocinador. </p>
</div>
<p style="clear:both"><br />
  No  exemplo correto a frase est&aacute; colocada de forma concisa. Desta maneira, o <em>link </em>ser&aacute;  compreens&iacute;vel at&eacute; para usu&aacute;rios de leitores  de tela. Nos exemplos incorretos, fazer o link em  toda a extens&atilde;o da frase  n&atilde;o &eacute; necess&aacute;rio e pode causar confus&atilde;o para  quem usa os leitores  de tela. J&aacute; no  segundo exemplo, a frase &ldquo;Clique aqui&rdquo; fica muito vaga. Onde &eacute; o &quot;aqui&quot; da  frase? Outro recurso &eacute; a inclus&atilde;o do atributo  &ldquo;title&rdquo; dentro do <em>link</em> para dar mais informa&ccedil;&atilde;o ao  usu&aacute;rio. <br />
&lt;a  href=&quot;next.htm&quot; title=&quot;Tudo sobre receita fiscal.&quot;&gt;Receita fiscal&lt;/a&gt; </p>
</body>
</html>
